<!Doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>public</title>
    <link rel="stylesheet" href="../style/public.css">
    <script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../js/public/public.js"></script>
</head>
<body>
    <!--导航条-->
    <ul class="nav">
        <li class="menuItemli"><a href="javascript:;">首&nbsp;页</a></li>
        <!--二级菜单-->
        <ul class="subNav">
            <li></li>
            <li><a href="javascript:;">维您</a></li>
            <li><a href="javascript:;">LA CELLER</a></li>
            <li><a href="javascript:;">秘密花园</a></li>
            <li><a href="javascript:;">SONOKO</a></li>
        </ul>
        <li class="menuItemli"><a href="javascript:;">品牌系列</a></li>
        <li class="menuItemli"><a href="javascript:;">美容护肤</a></li>
        <li class="menuItemli"><a href="javascript:;">健康养生</a></li>
        <li class="menuItemli"><a href="javascript:;">家居日用</a></li>
        <li class="menuItemli"><a href="javascript:;">积分换购</a></li>
        <li class="menuItemli2"><a href="javascript:;">VIP<br/>会员专区</a></li>
        <li class="menuItemli"><a href="javascript:;">关于麦考林</a></li>
    </ul>

    <!--head-->
    <div class="head_search">
        <input type="text" class="head_search_text" placeholder="热门搜索：洁面 控油 祛痘"></input>
        <a href="javascript:;" class="head_search_btn">搜索</a>
        <a href="javascript:;" class="head_search_out">X</a>
    </div>
    <div class="head layout" id="top">
        <img src="../img/head_logo.png" class="logo"/>
        <div class="head_r">
            <a href="javascript:;" class="head_search_icon"></a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">登录</a><span>|</span><a href="javascript:;" onclick="location.href='register.html'">注册</a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">我的账户</a><span>|</span><a href="javascript:;"></a><img src="../img/head_call.png" class="head_phone"/>
        </div>
    </div>


    <!--rightSider-->
    <div class="rightSider">
        <a href="javascript:;"><img src="../img/rightSider_01.png"/></a>
        <img src="../img/rightSider_02.png"/>
        <a href="javascript:;"><img src="../img/rightSider_03.jpg"/></a>
        <a href="#top" style="display:none"><img src="../img/rightSider_04.png"/></a>
    </div>
    <div class="consult"><img src="../img/rightSider_consult.png"/></div>
    <script type="text/javascript">
        window.onload = function(){
            document.onscroll = function(){
                var scrollTop = Number(document.documentElement.scrollTop || document.body.scrollTop);
                var public_rightSider = document.getElementsByClassName("rightSider")[0];
                var public_top = public_rightSider.getElementsByTagName("a")[2];
                if(scrollTop < 70){
                    public_top.style.display = "none";
                }else if(scrollTop > 70){
                    public_top.style.display = "block";
                }
            };
        };
    </script>

    <!--bottom-->
    <div class="bottom">
        <div class="bottom_t layout">
            <dl class="bottom_l">
                <dt><a href="javascript:;"></a></dt>
                <dd><a href="javascript:;">100%正品保证</a></dd>
            </dl>
            <dl class="bottom_c">
                <dt><a href="javascript:;"></a></dt>
                <dd><a href="javascript:;">专业在线客服</a></dd>
            </dl>
            <dl class="bottom_r">
                <dt><a href="javascript:;"></a></dt>
                <dd><a href="javascript:;">满99包邮</a></dd>
            </dl>
        </div>

        <div class="bottom_b layout">
            <div>
                <h3>新手指南</h3>
                <a href="javascript:;">新会员注册</a>
                <a href="javascript:;">购物演示</a>
                <a href="javascript:;">常见问题</a>
            </div>
            <div>
                <h3>付款方式</h3>
                <a href="javascript:;">银行卡支付</a>
                <a href="javascript:;">支付宝支付</a>
                <a href="javascript:;">余额支付</a>
            </div>
            <div>
                <h3>售后服务</h3>
                <a href="javascript:;">退换货政策</a>
                <a href="javascript:;">退换货流程</a>
                <a href="javascript:;">退款流程</a>
                <a href="javascript:;">发票说明</a>
            </div>
            <div>
                <h3>特色服务</h3>
                <a href="javascript:;">贵宾专区</a>
                <a href="javascript:;">在线客服</a>
            </div>
            <dl>
                <dd>麦考林生活家</dd>
                <dt><img src="../img/bottom_dingyue.jpg"/></dt>
            </dl>
            <dl>
                <dd>麦考林服务号</dd>
                <dt><img src="../img/bottom_fuwu.jpg"/></dt>
            </dl>
        </div>
    </div>

    <!--footer-->
    <div class="footer layout">
        <div class="footer_t"><a href="javascript:;">关于麦考林</a><span>|</span><a href="javascript:;">INVESTOR RELATIONS</a><span>|</span><a href="javascript:;">联系我们</a><span>|</span><a href="javascript:;">服务中心</a><span>|</span><a href="javascript:;">加入我们</a>
        </div><br/>
        <div class="footer_c">
            <a href="javascript:;"><img src="../img/footer_c.png"/></a><p>沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</p>
        </div>
        <div class="footer_b">
            <a href="javascript:;"><img src="../img/footer_b_1.jpg"/></a>
            <a href="javascript:;"><img src="../img/footer_b_2.jpg"/></a>
            <a href="javascript:;"><img src="../img/footer_b_3.png"/><span>沪公网安备 31010402000234号</span></a>
        </div>
    </div>
</body>
</html>